<template>
	<h2>Child子级组件</h2>
</template>

<script lang="ts">
import { defineComponent } from "vue"

export default defineComponent({
	name: "Child",
	// vue2.x中的生命周期钩子
	beforeCreate() {
		console.log("2.x中的beforeCreate...")
	},
	created() {
		console.log("2.x中的created...")
	},
	beforeMount() {
		console.log("2.x中的beforeMount...")
	},
	mounted() {
		console.log("2.x中的mounted...")
	},
	beforeUpdate() {
		console.log("2.x中的beforeUpdate...")
	},
	updated() {
		console.log("2.x中的updated...")
	},
	// vue2.x中的beforeDestroy与destroyed这两个生命周期已经改名了！
	// beforeDestroy() {
	// 	console.log("2.x中的beforeDestroy...")
	// },
	// destroyed() {
	// 	console.log("2.x中的destroyed...")
	// }
	beforeUnmount() {},
	onmounted
})
</script>

<style></style>
